﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title></title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.9/css/sm.min.css">
    <!--<link href="../../../Common/CSS/weui/weui.min.css" rel="stylesheet"/>-->
    <!--<link href="../../../Common/web_component/swiper/swiper.min.css" rel="stylesheet"/>-->
    <link href="//cdn.bootcss.com/Swiper/3.2.7/css/swiper.min.css" rel="stylesheet">

    <!--<link href="CSS/hotels.css" rel="stylesheet"/>-->
    <style>
        .fade-transition {
            transition: opacity .3s ease;
        }

        .fade-enter, .fade-leave {
            opacity: 0;
        }

        .bar-tab~.content{
            padding: 0.1rem 0;
        }




    </style>



    <!-- alert-->
    <style>
        .alert {
            padding: 15px;
            margin-bottom: 11px;
            border: 1px solid transparent;
            border-radius: 10px;
        }
        .alert-warning {
            color: #8a6d3b;
            background-color: #fcf8e3;
            border-color: #faebcc;
        }
    </style>
</head>
<!-- index.html -->
<body>
<div id="div_app" class="page"  v-el:app>


    <app-header :header-title="headerTitle" :router></app-header>


    <app-footer :current-view="currentView" :order-count="orderCount"
                :wid="wid" :openid="openid" :hotel="hotel"
            ></app-footer>
    <div class="content pull-to-refresh-content" data-ptr-distance="55">
        <!-- 默认的下拉刷新层 -->
        <div class="pull-to-refresh-layer">
            <div class="preloader"></div>
            <div class="pull-to-refresh-arrow"></div>
        </div>
        <app-image :view-images="imgDatas"></app-image>
        <component    :is="currentView" keep-alive transition="fade"
                      transition-mode="out-in" :current-view="currentView"
                      :wid="wid" :openid="openid" :hotel="hotel"
                      :room="room" :order="order" :order-count="orderCount" :router="router">
        </component>
    </div>

</div>


<!-- 子组件模板 -->
<template id="app-header-template">
    <style>

        .bar{
            -webkit-box-shadow: 0 0 1px rgba(0,0,0,.85);
            box-shadow: 0 0 1px rgba(0,0,0,.85);
        }
        .bar-nav
        {
            -webkit-box-shadow: 0 1px 6px #ccc;
            box-shadow: 0 1px 6px #ccc;
        }
        .bar-tab
        {
            -webkit-box-shadow: 0 -5px 6px #ccc;
            box-shadow: 0 -5px 6px #ccc;
        }
        .bar .fa{
            position: relative;
            z-index: 20;
            padding: .6rem .1rem;

            line-height: 1.2rem;
        }

        .bar-tab .tab-item .fa {
            top: .15rem;
            width: 1.2rem;
            height: 1.2rem;
            font-size: 1.2rem;
            line-height: 1.2rem;
            padding-top: 0;
            padding-bottom: 0;
        }

        .bar-tab .tab-item .fa~.tab-label {
            display: block;
            font-size: .55rem;
            position: relative;
            top: .15rem;
        }
    </style>

    <style>


        .total-money {

            font-size: .85rem;
            font-weight: bold;
        }
        .color-red {
            color: #FF0000;
        }
        .cost-money {
            color: #666666;
            font-size: .65rem;
            line-height: 1.3rem;
            text-decoration: line-through;
        }
    </style>

    <style>
        .badge-status
        {

            height: .8rem;
            min-width: .8rem;

            font-size: .7rem;

            color: #fff;
            vertical-align: middle;

            border-radius: .5rem;
            margin-left: .1rem;
        }

        .badge-success
        {
            background-color: #04BE02;
        }
        .badge-danger
        {
            background-color: #EF4F4F;
        }

        .badge-warn
        {
            background-color: #FFBE00;
        }
    </style>
    <header class="bar bar-nav">
        <a class="fa fa-chevron-left fa-lg pull-left"  href="javascript:history.go(-1);"></a>
        <a class="fa fa-home fa-lg pull-right" href="http://www.cloudorg.com.cn/weixin/map/poilist.html?type=hotel&wid=1"></a>
        <h1 class="title">{{headerTitle}}</h1>

    </header>
</template>

<template id="app-footer-template">





    <nav class="bar bar-tab">
        <a class="tab-item external" href="#/about"
           :class="{ active: currentView=='view-about' }"
           @click="notify">
            <i class="fa fa-hospital-o"></i>

            <span class="tab-label">关于</span>
        </a>
        <a class="tab-item external active" href="#/room"
           :class="{ active: currentView=='view-room' }"
           @click="notify">
            <i class="fa fa-bed"></i>

            <span class="tab-label">房型选择</span>

        </a>
        <a class="tab-item external" href="#/order"
           :class="{ active: currentView=='view-order'||currentView=='view-orderCreate' }" @click="notify">
            <i class="fa fa-list"></i>
            <span class="tab-label">订单</span>
            <span class="badge">{{orderCount}}</span>
        </a>

    </nav>
</template>

<template id="view-image-template">
    <style>
        .header-img {
            width: 100%;
            height: 200px;
        }

        .swiper-container {
            width: 100%;
            height: 200px;
        }
    </style>

    <div id="img_swiper" class="swiper-container">
        <div class="swiper-wrapper">

            <!--<div class="swiper-slide" v-for="imgData in viewImages">-->

            <!--<img class="header-img" :src="imgData.img">-->
            <!--</div>-->
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>



</template>

<template id="view-about-template">
    <style>
        .jieshao {
            color: #444444;
            font-family: 'Microsoft YaHei', Helvitica, Verdana, Arial, san-serif;
            font-size: 14px;
            font-weight: bold;
            line-height: 21px;
            background-color: #FCFCFC;
        }
    </style>


    <div class="content-block-title">商家信息</div>
    <div class="list-block">
        <ul>
            <a href="www.cloudorg.com.cn/weixin/map/map_address.html?type=hotel&id={{hotel.id}}" class="item-content item-link">
                <div class="item-media"><i class="fa fa-map-o"></i></div>
                <div class="item-inner">
                    <div class="item-title">{{hotel.address}}</div>
                    <div class="item-after">详情</div>
                </div>
            </a>
            <a class="item-content item-link" href="tel:{{hotel.tel}}">
                <div class="item-media"><i class="fa fa-phone"></i></div>
                <div class="item-inner">
                    <div class="item-title">{{hotel.tel}}</div>
                    <div class="item-after">电话预订</div>
                </div>
            </a>
        </ul>
    </div>
    <div class="card">
        <div class="card-header">商家介绍</div>
        <div class="card-content">
            <div class="card-content-inner">{{hotel.introduction}}</div>
        </div>
    </div>
</template>

<template id="view-room-template">


    <div class="content-block-title">房型</div>
    <div class="list-block media-list">
        <ul>
            <li v-for="room in rooms">
                <a :href="'#/order'+'/0'+'/'+room.id" @click="viewOrderCreate(room)" class="item-link item-content">
                    <div class="item-media"><img :src="room.roomImgs[0].url" style='width: 4rem;'></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">{{room.roomType}}</div>
                            <div class="item-after">
                                <span class="total-money color-red">￥{{room.totalPrice}}</span>
                                <span class="cost-money">￥{{room.totalPrice}}</span>
                            </div>
                        </div>
                        <div class="item-text">{{{room.detail}}}</div>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <div class="content-block-title">商家信息</div>
    <div class="list-block">
        <ul>
            <li class="item-content item-link">
                <div class="item-media"><i class="fa fa-map-o"></i></div>
                <div class="item-inner">
                    <div class="item-title">{{hotel.address}}</div>
                    <div class="item-after">详情</div>
                </div>
            </li>
            <li class="item-content item-link">
                <div class="item-media"><i class="fa fa-phone"></i></div>
                <div class="item-inner">
                    <div class="item-title">{{hotel.tel}}</div>
                    <div class="item-after">电话预订</div>
                </div>
            </li>

            <a href="#about" class="item-content item-link">
                <div class="item-media"><i class="fa fa-hotel"></i></div>
                <div class="item-inner">
                    <div class="item-title">{{hotel.name}}</div>
                    <div class="item-after">商家详情</div>
                </div>
            </a>
        </ul>
    </div>



</template>

<template id="view-order-template">

    <div class="card-container">
        <div class="card" v-for="order in orders">
            <div class="card-header">
          <span>
               <b>{{order.orderTime}}</b>
               <b style='margin-left:0.5rem'>{{hotel.name}}</b>
                <b style='margin-left:0.5rem'>{{order.roomType}}</b>
           </span>
            </div>
            <div class="card-content">
                <div class="list-block media-list">
                    <ul>
                        <li>
                            <a :href="'#/order'+'/'+ order.id " @click="viewOrderCreate(order)"
                               class="item-link item-content">
                                <div class="item-media">
                                    <img :src="order.roomPicture" style='width: 4rem;'></div>
                                <div class="item-inner">
                                    <div class="item-title-row">
                                        <div class="item-title">{{order.orderNumber}}</div>
                                        <div class="item-after">
                                            <span class="total-money color-red">￥{{order.orderPrice}}</span>

                                        </div>
                                    </div>
                                    <div class="item-subtitle">
                                       <span class="badge badge-status"
                                             :class="order.status==0?'badge-dark':(order.status==2?'badge-danger':'badge-success')"
                                               >{{order.statusName}}</span>
                                        <span>{{order.orderTime}}</span>
                                    </div>
                                    <div class="item-text">




                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>





</template>

<template id="view-orderCreate-template">
    <style>
        .full-btn{
            width: 100%;
        }

        .item-input .item-input-icon
        {
            position: absolute;
            right: 0;
            top: .3rem;
            font-size: 1.2rem;
        }
    </style>

    <style>
        .footer-money {
            /* padding: 15px 0 8px 0; */
            display: block;

            position: relative;
            width: 100%;
            z-index: 3;
            height: 35px;
            /* top: 40px; */
        }
        .footer-money p {
            color: #666666;
            float: right;
            height: 35px;
            line-height: 35px;
            vertical-align: middle;
            position: relative;
            margin-right: 12px;
            font-size: 15px;
        }
        .footer-money p .color-red {
            color: #FF0000;
        }
        .footer-money p .discount-money {
            margin-right: 5px;
            font-size: 15px;
        }
        .footer-money p .total-money {
            margin-left: -6px;
            font-size: 25px;
        }
        .footer-money p .cost-money {
            color: #666666;
            /* font-size: 25px; */
            text-decoration: line-through;
        }
    </style>

    <!-- collapse-->
    <style>
        .list-block .item-content
        {
            padding-left:0;
        }
        .list-block .item-content>.item-header, .list-block .item-content>.item-media,
        .list-block .item-content>.item-inner:first-child
        {
            padding-left:.75rem;
        }

        .item-media .fa{
            margin-top: .15rem;
        }


        .list-block .item-media+.item-inner {
            margin-left: .25rem;
        }
        .item-collapse .item-inner .item-collapse-icon{
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;

        }
        .list-block  .item-collapse .item-inner .item-collapse-icon{
            color: #c9c9ce;
            font-size: 1.4em;
            position: absolute;
            top: .55rem;
            right: .52rem;
        }
        .list-block  .item-content.item-collapse
        {
            display: block;
        }

        .list-block  .item-content.item-collapse .item-header
        {
            color: inherit;
            text-overflow: ellipsis;
            display: flex;
        }

        .list-block  .item-content.item-collapse.in .item-header {
            background-color: #DFDFDF;
        }


        .item-collapse.in  .item-inner  .item-collapse-icon:after
        {
            content: "\f106";
        }

        .item-collapse  .item-inner  .item-collapse-icon:after
        {
            content: "\f107";
        }

        .item-collapse .item-collapse-content {
            position: relative;
            display: none;
            padding: 8px 15px;

            overflow: hidden;
            background: #fff;
            -webkit-transition: height .35s ease;
            -o-transition: height .35s ease;
            transition: height .35s ease;
        }
        .list-block .item-content.item-collapse .item-header+.item-collapse-content {
            margin-left: .75rem;
        }
        .item-collapse .item-collapse-content
        {
            display: none;
        }

        .item-collapse.in .item-collapse-content
        {
            display: block;
        }

        .item-collapse.in .item-collapse-content:after {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 15px;
            height: 1px;
            content: '';
            background-color: #c8c7cc;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
        }

        .item-input-readonly{
            padding: 0 0 0 .25rem;
            margin: 0;
            width: 100%;
            height: 2.15rem;
            color: #3d4145;
            font-size: .85rem;
            font-family: inherit;
        }
    </style>

<style>
    .silde-center {
        text-align: center;
        height: 225px;
    }
    .swiper-image {
        height: 230px;
    }
</style>


    <div class="list-block">
        <ul>
            <li class="item-content">
                <div class="item-inner">
                    <div class="item-title">房间类型</div>
                    <div class="item-after">{{room.roomType}}</div>
                </div>
            </li>
            <li class="item-content">
                <div class="item-inner">
                    <div class="item-title">原价</div>
                    <div class="item-after">￥{{room.costPrice}}</div>
                </div>
            </li>
            <li class="item-content">
                <div class="item-inner">
                    <div class="item-title">优惠价</div>
                    <div class="item-after">￥{{room.totalPrice}}</div>
                </div>
            </li>
            <li class="item-content item-collapse">
                <a class="item-header">
                    <div class="item-media"><i class="fa fa-info-circle  fa-lg"></i></div>
                    <div class="item-inner">
                        <div class="item-title">商品说明</div>
                        <i class="item-collapse-icon"></i>

                    </div>
                </a>
                <div class="item-collapse-content">
                    {{{room.detail}}}
                </div>
            </li>
            <li class="item-content item-collapse">
                <a class="item-header">
                    <div class="item-media"><i class="fa fa-question-circle  fa-lg"></i></div>
                    <div class="item-inner">
                        <div class="item-title">使用须知</div>
                        <i class="item-collapse-icon"></i>

                    </div>
                </a>
                <div class="item-collapse-content">
                    {{{room.instruction}}}
                </div>
            </li>
            <li class="item-content item-collapse">
                <a class="item-header">
                    <div class="item-media"><i class="fa fa-undo  fa-lg"></i></div>
                    <div class="item-inner">
                        <div class="item-title">退单规则</div>
                        <i class="item-collapse-icon"></i>

                    </div>
                </a>
                <div class="item-collapse-content">
                    {{{room.refundRule}}}
                </div>
            </li>
            <a class="item-content item-link" href="tel:{{hotel.tel}}">
                <div class="item-media"><i class="fa fa-phone  fa-lg"></i></div>
                <div class="item-inner">
                    <div class="item-title">{{hotel.tel}}</div>
                    <div class="item-after">电话预订</div>
                </div>
            </a>
        </ul>
    </div>






    <div class='alert alert-warning' role='alert' v-if="order.status==-1">
        <strong>提示</strong> 填写入住其中一人的真实信息即可。
    </div>
    <div class='alert alert-warning' role='alert' v-if="order.status==0">
        <strong>提示</strong> 此订单可重新修改后再提交！
    </div>
    <div class='alert alert-warning' role='alert' v-if="order.status==1">
        <strong> 特别提醒!</strong> 订单只为您保留1个小时，请您尽快支付！
    </div>
    <div class='alert alert-warning' role='alert' v-if="order.status==2">
        <strong> 抱歉!</strong> 您选购的房型商家已确认无房！欢迎您重新订购。
    </div>

    <div class='alert alert-warning' role='alert' v-if="order.status==3">
        <strong> 特别提醒!</strong> 抱歉，由于景区酒店房源紧张，已付款订单不能申请退款，需电话联系酒店工作人员解决。
    </div>

    <div class="footer-money">

        <p>
            <span class=" color-red">已优惠</span>
            <span id="price3" class="color-red discount-money">￥{{discount}}</span>
            <span>共</span>
            <span id="price" class="  total-money color-red">￥{{totalPrice}}</span>
            <span id="yuanjia" class="  cost-money">￥{{costPrice}}</span>

        </p>

    </div>


    <validator lazy name="roomValidation">
        <form novalidate @submit.prevent="onSubmit">
            <div class="list-block">
                <ul>
                    <li  v-show="isShowQRCode">
                        <div class="silde-background">
                            <div id="qr_swiper" class="silde-center swiper-container" id="swiper-container1">
                                <div class="swiper-wrapper">
                                    <div class='swiper-slide swiper-image' v-for="qr in qrcodes">
                                    <img :src="qr|imgbase64">
                                    </div>
                                </div>
                                <div class="swiper-pagination">
                                    &nbsp;</div>
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                            </div>
                            <div class="full-w">
                                <p class="text-uppercase">
                                    验证码：<strong id="ticketCode" class="text-danger item-pullleft">
                                    {{currentQrcode.code}}
                                </strong>
                                    <strong id="ticket_status" class="pull-right item-pullleft">
                                        {{{currentQrcode.status|qrcodeStatus}}}
                                    </strong>
                                </p>
                            </div>
            </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-name"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">预订人</div>
                                <div class="item-input">

                                    <div v-if="formCanEdit">
                                        <input  name="oderName" type="text"

                                                v-model="order.orderUser.userName"
                                                placeholder="请输入您的真实姓名" />
                                 <span class="button-danger item-input-icon"
                                       v-if="isEmpty(order.orderUser.userName)">
                                     <i class="fa fa-exclamation-circle"></i>
                                 </span>
                                    </div>
                                    <div v-else>
                                        <span class="item-input-readonly">  {{order.orderUser.userName}}</span>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-email"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">身份证号</div>
                                <div class="item-input">
                                    <div v-if="formCanEdit">
                                        <input name="identityNumber" type="text"
                                               v-model="order.orderUser.userIdcard"
                                               placeholder="请输入您的身份证号" />
                                  <span class="button-danger item-input-icon"
                                        v-if="idCardRequired||isEmpty(order.orderUser.userIdcard)">
                                     <i class="fa fa-exclamation-circle"></i>
                                 </span>
                                    </div>
                                    <div v-else>
                                        <span class="item-input-readonly">  {{order.orderUser.userIdcard}}</span>
                                    </div>


                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-name"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">联系电话</div>
                                <div class="item-input">
                                    <div v-if="formCanEdit">
                                        <input name="tel" type="tel"
                                               v-model="order.orderUser.userMobile" required placeholder="请输入您的手机号" />
                             <span class="button-danger item-input-icon"
                                   v-if="userMobileRequired||isEmpty(order.orderUser.userMobile)">
                                     <i class="fa fa-exclamation-circle"></i>
                                 </span>
                                    </div>
                                    <div v-else>
                                        <span class="item-input-readonly">  {{order.orderUser.userMobile}}</span>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">入住时间</div>
                                <div class="item-input">
                                    <div v-if="formCanEdit">
                                        <input name="arriveTime"
                                               :min="today"
                                               v-model="order.arriveTime"
                                               type="date"  placeholder="入住时间" />
                                  <span class="button-danger item-input-icon"
                                        v-if="arriveTimeRequired||isEmpty(order.arriveTime)">
                                     <i class="fa fa-exclamation-circle"></i>
                                 </span>
                                    </div>
                                    <div v-else>
                                        <span class="item-input-readonly">  {{order.arriveTime}}</span>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">离店时间</div>
                                <div class="item-input">
                                    <div v-if="formCanEdit">
                                        <input name="leaveTime"
                                               :min="minLeaveDate"

                                               v-model="order.leaveTime"
                                               type="date" placeholder="离店时间" />
                               <span class="button-danger item-input-icon"
                                     v-if="leaveTimeRequired||isEmpty(order.leaveTime)">
                                     <i class="fa fa-exclamation-circle"></i>
                                 </span>
                                    </div>
                                    <div v-else>
                                        <span class="item-input-readonly">  {{order.leaveTime}}</span>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-gender"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">类型</div>
                                <div class="item-input">
                                    <span class="item-input-readonly"> {{room.roomType}}</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-gender"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">预订数量</div>
                                <div class="item-input">
                                    <div v-if="formCanEdit">
                                        <select name="orderNum"

                                                v-model="order.orderNum">
                                            <option v-for="n in 20" :value="n+1">{{n+1}}</option>

                                        </select>
                                    </div>
                                    <div v-else>
                                        <span class="item-input-readonly">  {{order.orderNum}}</span>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-gender"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">单价</div>
                                <div class="item-input">
                                    <span class="item-input-readonly"> ￥{{room.totalPrice}}</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-comment"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">备注</div>
                                <div class="item-input">
                                    <div v-if="formCanEdit">
                                      <textarea name="remark"

                                                v-model="order.remark"
                                                placeholder="请输入备注信息"></textarea>
                                    </div>
                                    <div v-else>
                                        <span class="item-input-readonly">  {{order.remark}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="content-block">
                <div class="row">
                    <div :class="[!formCanSubmit&&!formCanPay?'col-100':'col-50']" v-if="formCanCancel">
                        <input type="button"  value="取消订单" @click="onCancel" class="button button-big button-fill button-danger">

                    </div>
                    <div  :class="[!formCanCancel?'col-100':'col-50']" v-if="formCanSubmit">
                        <input type="submit"  value="提交" class="button button-big button-fill "
                               :class="[canSubmit?'button-success':'disabled']">
                    </div>
                    <div  :class="[!formCanCancel?'col-100':'col-50']" v-if="formCanPay">

                        <input type="button"  value="微信支付" @click="onPay" class="button button-big button-fill button-success"
                                >
                    </div>
                </div>
            </div>



        </form>
    </validator>


</template>

<!--<script src="../../../Common/JS/zepto.min.js"></script>-->
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.9/js/sm.min.js' charset='utf-8'></script>
<script src="http://cdn.jsdelivr.net/vue/1.0.13/vue.min.js"></script>
<!--<script src="../../../Common/JS/vue/vue.min.js"></script>-->
<!--<script src="https://cdn.jsdelivr.net/vue.router/0.5.2/vue-router.min.js"></script>-->
<script src="https://cdn.jsdelivr.net/vue.resource/0.6.0/vue-resource.min.js"></script>
<!--<script src="../../../Common/JS/vue/vue-resource.min.js"></script>-->
<!--<script src="https://cdn.jsdelivr.net/vue.validator/2.0.0-alpha.8/vue-validator.min.js"></script>-->
<!-- <script src="../../Common/JS/vue/vue-validator.min.js"></script> -->
<!--<script src="../../../Common/web_component/swiper/swiper.min.js"></script>-->
<script src="//cdn.bootcss.com/Swiper/3.2.7/js/swiper.min.js"></script>

<script src="../../../Common/JS/qrcode/qr.min.js"></script>
<script src="https://rawgit.com/flatiron/director/master/build/director.min.js">
</script>

<script>
    //根据QueryString参数名称获取值

    function getQueryStringByName(name) {

        var result = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i"));

        if (result == null || result.length < 1) {

            return "";

        }

        return result[1];

    }

</script>
<script src="JS/index/v-index-appFooter.js"></script>
<script src="JS/index/v-index-viewAbout.js"></script>
<script src="JS/index/v-index-viewOrder.js"></script>
<script src="JS/index/v-index-viewRoom.js"></script>
<script src="JS/index/v-index-viewOrderCreate.js"></script>
<script src="JS/index/main.js"></script>



</body>
</html>
